<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="bean" uri="/struts-bean"%>
<%@ taglib prefix="html" uri="/struts-html"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>


<jsp:include page="header_login.jsp"/>
		<div id="content">
		
			<div id="left_column" class="active">
				<div align="center">
					<img src="/footprint/getSnapshot.do?isprofile=1" id="profile_pix"/>
					<h3 style="color:#726257;"><c:out value="${sessionScope.user.userlname}"/></h3>
				</div>
				
				<div id="menu">
					<a href="javascript:showFriend();">friend</a>				
					<a href="/footprint/listTravelogue.do">travelogue</a>
					<a href="javascript:showAlbum();">snapshot</a>
					<a href="javascript:showSetting();">setting</a>
				</div>
			
			</div>
			<div id="right_column">
			  <div id="center_content" class="active">
				<div align="center">
		                  <a href="/footprint/addTravelogue.jsp"> 
						     <input class="submit" type="submit" name="button" value="Add new travelogue"/>
						  </a>
				 </div>
				 <table align="left">
				 <h3 style="color:#726257; font: bold 20px arial;"><Strong>My Travelogue</Strong></h3>
				 <hr>
	             <c:forEach items="${travelogueList}" var="tl">	
		               <tr style="margin-top:13px;">
		                <td>
		                 <a href="/footprint/showTravelogue.do?tid=${tl.TId}"> 
	                        Tile: <c:out value="${tl.logName}"/>
	                     </a>
	                    </td>
	                   </tr>
	                   <tr style="margin-top:13px; text-align:left;">
	                    <td>
	                        Created date: 
	                        <fmt:formatDate type="date" value="${tl.createdAt}" />
	                     </td>
	                   </tr>
		          </c:forEach>
		         </table>
		        </div>
				<div id="friend" class="inactive">
				</div>
				<div id="travelogue" class="inactive">
				</div>
				<div id="snapshot" class="inactive">
					<span></span>
				</div>
				<div id="setting" class="inactive">
				</div>
			</div>
	          <div class="clr"></div>
	       </div>

<jsp:include page="footer.jsp"/>
